/**
 * @file _axiom-section.scss
 * @description AxiomSection 组件样式
 */

.axiom-section {
  width: 100%;

  &__header {
    margin-bottom: var(--spacing-lg);
  }

  &__content {
    width: 100%;
  }

  // Spacing variants
  &--spacing-none {
    margin-bottom: 0;
    
    .axiom-section__header {
      margin-bottom: 0;
    }
  }

  &--spacing-small {
    margin-bottom: var(--spacing-lg); // 1rem
    
    .axiom-section__header {
      margin-bottom: var(--spacing-sm); // 0.5rem
    }
  }

  &--spacing-normal {
    margin-bottom: var(--spacing-xl); // 1.5rem
    
    .axiom-section__header {
      margin-bottom: var(--spacing-lg); // 1rem
    }
  }

  &--spacing-large {
    margin-bottom: var(--spacing-xxl); // 2rem
    
    .axiom-section__header {
      margin-bottom: var(--spacing-xl); // 1.5rem
    }
  }

  &--spacing-xlarge {
    margin-bottom: calc(var(--spacing-xxl) * 1.5); // 3rem
    
    .axiom-section__header {
      margin-bottom: var(--spacing-xxl); // 2rem
    }
  }

  // 移动端间距优化
  @media (max-width: var(--breakpoint-md)) {
    &--spacing-small {
      margin-bottom: var(--spacing-md); // 0.75rem
      
      .axiom-section__header {
        margin-bottom: var(--spacing-sm); // 0.5rem
      }
    }

    &--spacing-normal {
      margin-bottom: var(--spacing-lg); // 1rem
      
      .axiom-section__header {
        margin-bottom: var(--spacing-md); // 0.75rem
      }
    }

    &--spacing-large {
      margin-bottom: calc(var(--spacing-lg) + var(--spacing-xs)); // 1.25rem
      
      .axiom-section__header {
        margin-bottom: var(--spacing-lg); // 1rem
      }
    }
  }
} 